オープニングタイトルのように、パノラマを読み込んだ時に文字を表示させる方法
【使用するファイル】
xmlファイル
【基本コード1】文字を表示させるアクション
<krpano version="1.0.8.14">
に
onstart=”showtext(‘記述したい内容’, infostyle);”
を追記して
以下のような記述に変更する。
<krpano version="1.0.8.14" onstart="showtext('記述したい内容', infostyle);">
【メモ1】
文字を表示させるためのコード基本
showtext(“[b][i]テキスト[br]テキスト[/i][/b]“, infostyle);
onstart:読み込まれた時のアクション
infostyleは任意のアクションIDで基本コード2で使用する
【基本コード2】表示させる文字の設定
以下のコードをxml内に記述する
<textstyle
name="infostyle"
font="Times"
fontsize="50.0"
bold="true"
italic="false"
background="false"
backgroundcolor="0xFFFFFF"
border="false"
bordercolor="0x000000"
textcolor="0x000000"
alpha="1.0"
blendmode="normal"
origin="center"
edge="center"
xoffset="0"
yoffset="0"
textalign="center"
textcolor="0xFFFFFF"
effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
showtime="4.0"
fadeintime="1.0"
fadetime="1.0"
noclip="true"
/>
【基本コード解説】
<textstyle name="infostyle" //アクションID font="Times" //フォントの種類 fontsize="50.0" //フォントサイズ bold="true" italic="false" background="false" //テキストフィールドの背景の有無 backgroundcolor="0xFFFFFF" //テキストフィールドの背景の色 border="false" //テキストフィールドの枠の有無 bordercolor="0x000000" //テキストフィールドの枠の色 textcolor="0x000000" //テキストの色 alpha="1.0" //テキストの透明度 blendmode="normal" //Flashのブレンドモード origin="center" //テキストを表示させる位置 edge="center" //originを基準としたテキストの角の位置 xoffset="0" //originのポイントからの横位置移動 yoffset="0" //originのポイントからの縦位置移動 textalign="center" //行揃え textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);" showtime="4.0" //テキストの表示時間(秒) fadeintime="1.0" //fadeinにかかる時間 fadetime="1.0" //fadeoutにかかる時間 noclip="true" //文字が長い場合にブラウザの右側で見切れそうな時に自動的に横に位置を調整して見切れないようにする />
【メモ2】
■brendmode
“normal”, “add”, “difference”, “multiply”, “screen” など
参考サイト
■effect
記述例
effect=”glow(0xFFFFFF,0.7,4,2);dropshadow(3,45,0×000000,2,0.6);
glow(色,透明度,ボケ幅,しきい値);=ぼかし
dropshadow(距離,角度,色,ボケ幅,しきい値);=ドロップシャドウ
blur(数字);=単純なぼかし
応用
effect=”glow(0xFFFFFF,0.7,4,2);glow(0×000000,1,4,2);
違う値のglowを二つで文字のアウトラインを作る
■ origin
cursor,efttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom.
【実例】
<krpano version="1.16" onstart="showtext('パノラマワールド', infostyle);">
<include url="skin/defaultskin.xml" />
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
<preview url="mukogawa1.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>
<textstyle
name="infostyle"
font="Times"
fontsize="50.0"
bold="true"
italic="false"
background="false"
backgroundcolor="0xFFFFFF"
border="false"
bordercolor="0x000000"
textcolor="0x000000"
alpha="1.0"
blendmode="normal"
origin="center"
edge="center"
xoffset="0"
yoffset="0"
textalign="center"
textcolor="0x990000"
effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
showtime="4.0"
fadeintime="1.0"
fadetime="1.0"
noclip="true"
/>
</krpano>